<template>
  <div class="msg-b2c w-full flex overflow-hidden">
    <div class="w-32px mr-10px"><img class="w-full" src="/favicon.svg" /></div>
    <div class="flex-1 flex flex-col">
      <div font="size-14px" p="t-8px b-8px">Evil-Admin技术支持</div>
      <div class="max-w-460px bg-#f1f2f5" rd="lt-0 rt-8px rb-8px lb-8px" p="l-15px r-15px t-10px b-10px">
        {{ props.msgItem?.msg }}
      </div>
    </div>
  </div>
  <div class="w-full text-center color-#a1abc2" p="l-32px t-16px r-32px b-16px" font="size-12px">
    {{ props.msgItem?.id }}
  </div>
</template>

<script setup>
const props = defineProps({
  msgItem: { type: Object, default: null },
});
</script>

<style scoped lang="scss"></style>
